html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #e9e9e9;
    width: 100%;
    font-size: 12px;
    height: 100%;
}

#main_page{
    padding:0px;
    height: 100%;
    padding: 0 0 54px 0;
}


#main_page #map_tab{
    height: 54px;
    display: block;
}


#map_tab {
    font-size: 12px;
    color: #777;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 48px;
    background: #fff;
    text-align: center;
    display: none
}

#map_tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#map_tab li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
}

#map_tab .on {
    color: #f35a23;
}

.overlay {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    z-index: 5000;
}

.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6, .icon-7 {
    background: url(//static.esf.fangdd.com/xf/mxffdd/a5aec26ff6e6135197f438ce5451dd7b.png) no-repeat;
    display: block;
    background-size: 2rem 26.75rem;
    width: 2rem;
    height: 1.58rem;
    margin: .5rem auto 0.3rem;
}

.icon-1 {
    background-position: 0 0;
}

.icon-2 {
    background-position: 0 -20.9rem;
}

.icon-3 {
    background-position: 0 -11.6rem;
}

.icon-4 {
    background-position: 0 -3.96rem
}

.icon-5 {
    background-position: 0 -7.9rem;
}

.icon-6 {
    background-position: 0 -22.9rem;
}

.icon-7 {
    background-position: 0 -15.2rem;
}

.on .icon-1 {
    background-position: 0 -1.92rem;
}

.on .icon-2 {
    background-position: 0 -18.9rem;
}

.on .icon-3 {
    background-position: 0 -13.3rem;
}

.on .icon-4 {
    background-position: 0 -5.9rem;
}

.on .icon-5 {
    background-position: 0 -9.8rem;
}

.on .icon-6 {
    background-position: 0 -24.95rem;
}

.on .icon-7 {
    background-position: 0 -17rem;
}


#house_name{
    border-radius: 4px;
    padding: 5px 12px;
    background-color: #257be4;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    word-break: keep-all;
}
@media screen and (min-width:240px) {
    html {
        font-size: 10px
    }
}

@media screen and (min-width:320px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width:380px) {
    html {
        font-size: 14px
    }
}

